<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%"
  >
    <el-table-column
      label="名称"
      width="180"
    ><template v-slot="scope">
      <span style="font-weight: bold;">{{ scope.row.name }}</span>
    </template>
    </el-table-column>
    <el-table-column
      prop="desc"
      label="内容"
    />
  </el-table>
</template>
<script>
/**
 * @Date: 2022/4/4
 */

export default {
  name: 'Question1',
  model: {
    prop: 'modelValue',
    event: 'change'
  },
  props: {
    modelValue: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      myModelValue: this.modelValue,
      tableData: [{
        name: '底座零部件安装',
        desc: '传动零件全部涂抹润滑脂；检查挡卡是否脱落；主轴转动灵活；油缓冲高度符合要求；螺栓紧固并达到力矩并作防松标记。'
      }]
    }
  },
  watch: {
    myModelValue: {
      handler(newVal, oldVal) {
        this.$emit('change', newVal)
        // this.myCheckList[this.myCheckList.indexOf(oldVal)] = newVal
      },
      deep: true
    }
  }
}
</script>

<style scoped>

</style>
